html,
body {
  margin: 0;
  padding: 0;
  background: url(./bj1.png) no-repeat;
  background-size: 100% 100%;
  // background-color: #051430;
  box-sizing: border-box;
  outline: none;
  font-size: 10px;
  font-family: '微软雅黑';
}

p {
  margin-bottom: 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.warrper {
  box-sizing: border-box;
  /* display: grid;
  grid-template-rows: 10rem 30rem auto;
  row-gap: 2rem;*/
  /* padding: 1rem; */
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
/* 中间 */
.content {
  width: 100%;
  height: 30vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  /* grid-template-columns: 1fr 1fr 1fr; */
  /* column-gap: 2rem; */
  padding-top: 1rem;
  box-sizing: border-box;
}
/* 底部 */
.bottom {
  width: 100%;
  height: calc(100vh - 40vh);
  padding-top: 10px;
  box-sizing: border-box;
}
/* tou */

.box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.right3 .border-box-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.border-box-content {
  color: #f4f4f4;
}
.left1,
.left2,
.left3 {
  height: 30vh;
}

.left-num {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
.left-num div {
  flex: 50%;
  color: #ccc;
}

.dv-water-pond-level canvas {
  margin-left: 0px;
}

.ant-select-dropdown-menu {
  background-color: rgba(11, 154, 207, 0.6);
}
.ant-select-dropdown {
  background-color: rgba(11, 154, 207, 0.6);
}
.ant-select {
  color: #ddd;
  /* color: #0b9acf; */
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  color: #ddd;
}
.ant-select-arrow {
  color: #ddd;
}
.ant-select-dropdown-menu-item {
  color: #fff;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #0b9acf;
}
.ant-select-dropdown-menu-item-selected {
  background-color: #0b9acf;
}

.icon-layout .border-box-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 15px;
}

.dv-border-box-13 .dv-border-svg-container path {
  stroke-width: 1 !important;
}

.bg-color-black {
  /* background-color: rgba(11, 69, 170, 0.4); */
  background-color: rgba(9, 79, 199, 0.1);
  /* background-color: rgba(0, 0, 0, 0.15); */
}
.bg-color-black2 {
  background-color: rgba(0, 0, 0, 0.1);
}
.dv-border-box-11-title {
  .px2font(17);
  color: #ccc;
}
// 表格体
.dv-scroll-board .rows .ceil {
  .px2font(14);
  color: #ccc;
  vertical-align: middle;
  .px2vw(padding-left, 7);
  .px2vw(padding-right, 7);
  // .px2vw(line-height, 20);
  // white-space: break-spaces;
}
.dv-scroll-board .rows .row-item {
  align-items: center;
}
.dv-scroll-board .rows .index {
  color: #fff;
}

// 表格头
.dv-scroll-board .header .header-item {
  .px2vw(padding-left, 6);
  .px2vw(padding-right, 6);
  .px2font(15);
  color: #33ccff;
  font-weight: bold;
}

.and {
  background: url(./bj4.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}
